<template>
  <div class="no-data-wrap">
    <img v-if="!hiddenImg" class="no-data-img" src="@/assets/images/bg_nodata.png" />
    <p class="no-data-des">{{ props.name }}</p>
  </div>
</template>
<script lang="ts" setup>
import { defineProps, withDefaults } from 'vue';
interface IProps {
  name: string;
  hiddenImg?: boolean;
}
const props = withDefaults(defineProps<IProps>(), {
  name: '暂无数据'
});
</script>
<style lang="scss" scoped>
.no-data-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .no-data-img {
    width: 109px;
    height: 72px;
    margin-bottom: 4px;
  }
  .no-data-des {
    color: #7a8a99;
    font-size: 12px;
  }
}
</style>
